/*----------------------login-------------------------*/
.loginIndex {
	background:
		url(/static-resources/patientportal/images/sign-in.png);
	background-repeat: repeat-y;
	float: left;
	padding-left: 25px;
	width: 430px;
	height: 250px;
	margin-top: 20px;
}

.login {
	background-color: transparent;
	background:
		url("/static-resources/patientportal/images/login.gif");
	border-style: none;
	height: 35px;
	width: 105px;
	cursor: pointer;
	margin-right: 80px;
	float: right;
	text-align: center;
	margin-top: 10px;
}

.banner_content {
	font-size: 14px;
	margin-left: 30px;
	width: 670px;
	padding: 40px 0 0 5px;
}

body {
	background-color:#323232;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5564;
	text-align:center;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0 5px 0;
}

h2 {
	color: #759f1b;
	font-size: 16px;
	float: left;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0 0 0;
}

#main_container {
	width: 980px;
	height: auto;
	margin: auto;
	background-color: #fff;
}

#middle_box {
	background:
		url(/static-resources/patientportal/images/middle_banner.jpg)
		no-repeat center;
	width: 980px;
	height: 208px;
	clear: both;
	margin: auto;
	text-align:left;
	
}

.header {
	width: 980px;
	margin: auto;
	background: url(/static-resources/patientportal/images/header_bg.gif)
		repeat-x;
}

.base_bg {
	width: 980px;
	margin: auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
}

.portal_header {
	min-height: 100px;
	border-bottom: 1px solid black;
}

.portal_body {
	min-height: 550px;
	height: auto;
	overflow: hidden;
	background: url("/static-resources/patientportal/images/pattern_bg.gif") repeat-x scroll center top transparent;
}

.portal_footer {
	min-height: 30px;
	background-color: #D6F4FD;
}

.login_header {
	width: 980px;
	height: 114px;
	margin: auto;
	background: url(/static-resources/patientportal/images/header_bg.gif)
		repeat-x;
}

#logo {
	padding: 25px 0 0 30px;
	float: left;
}

.error_msg {
	float: left;
	color: red;
	padding-top: 22px;
}

.welcome_text {
	float: right;
	padding-right: 20px;
	padding-top: 50px;
	
}

.username_text {
	float: left;
	padding-top: 35px;
	padding-right: 15px;
}

.password_text {
	float: left;
	padding-top: 6px;
	padding-right: 15px;
}

.banner_content1{
	font-family: Simplified Arabic; 
	color: rgb(35, 33, 33); 
	font-size: 15px;
	padding-bottom: 20px;
}

.banner_content2{
	font-size: 15px; 
	font-family: Simplified Arabic; 
	color: rgb(4, 25, 37);
	font-weight:bold;
	padding-bottom: 5px;
}

.banner_content3{
	font-family: Simplified Arabic; 
	color: rgb(255, 255, 255);
	font-size: 16px;
}

/*----------------------menu-------------------------*/

.middle_box_content {
	padding: 50px 0 0 5px;
}

.pattern_bg {
	width: 980px;
	height: 420px;
	clear: both;
	margin: auto;
	background: url(/static-resources/patientportal/images/pattern_bg.gif)
		repeat-x center;
	background-position: top;
	text-align:left;
}

.pattern_box {
	width: 480px;
	padding: 45px 0 0 35px;
	float:left;
}

.pattern_content {
	height: 35px; 
	font-size: 17px; 
	color: #727272; 
	font-family: Simplified Arabic;
	font-weight: bold;
}

/*---------------------main_content------------------*/
#main_content {
	width: 885px;
	height: auto;
	margin: auto;
	padding: 0 0 0 15px;
}

.clear {
	clear: both;
}

.box_content {
	width: 267px;
	height: auto;
	float: left;
	margin: 10px 10px 30px 10px;
	background: url(/static-resources/patientportal/images/box_bg.gif)
		no-repeat top center;
}

/*-----------------------------footer------------------*/
#footer {
	width: 980px;
	height: 45px;
	color: #508aa1;
	background-color: #e8eff2;
}

.center_footer {
	color: #c3ced4;
	font-size: 12px;
	font-weight: bold;
	width: 550px;
	padding: 15px;
	text-align: center;
	float: left;
}

.footer_links {
	float: right;
	padding: 10px 10px 0 0;
}

.footer_content {
	float: left;
	padding-left: 230px;
	padding-top: 18px;
}

/*-----------------------------Main page medical_record--------------------*/
#middle_box_mr {
	width: 980px;
	height: 120px;
	clear: both;
	margin: auto;
	background: url(/static-resources/patientportal/images/tab_icon1.png)
		repeat-x center;
	margin-bottom: -15px;
}

.middle_box_content_mr {
	padding: 15px 0 0 20px;
}

.pattern_bg_mr {
	width: 980px;
	height: 303px;
	clear: both;
	margin: auto;
	background: url(/static-resources/patientportal/images/pattern_bg.gif)
		repeat-x center;
}

.pattern_box_mr {
	width: 700px;
	float: left;
	padding: 25px 0 0 0px;
}

.book_banner {
	background-image:
		url(/static-resources/patientportal/images/booklet_right.jpg);
	width: 524px;
	height: 388px;
}

.booklet_leftpart {
	background-image:
		url(/static-resources/patientportal/images/booklet_left.jpg);
	width: 176px;
	height: 388px;
}

.history_book_banner {
	background-image:
		url(/static-resources/patientportal/images/medication_history.png);
	width: 191px;
	height: 296px;
}

.pattern_content_mr {
	width: 700px;
	float: left;
	padding: 0 0 0 0px;
}

/*-----------------------change password popup-------------*/
a {
	text-decoration: none
}

/*a:hover {
	color:#ccc; 
	text-decoration:none;
	}*/
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}

#boxes .window {
	position: absolute;
	left: 0;
	top: 0;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999;
	padding: 20px;
}

#boxes #dialog {
	width: 375px;
	height: 203px;
	padding: 10px;
	background-color: #ffffff;
}

#boxes #dialog2 {
	background:
		url(/static-resources/patientportal/images/change-password.png)
		no-repeat 0 0 transparent;
	width: 480px;
	height: 240px;
}

.text_box {
	float: left;
	padding-top: 3px;
	padding-right: 13px;
}

.error_message {
	float: left;
	padding-top: 10px;
	color: red;
}

.submit_button {
	margin-top: 10px;
	margin-left: 155px;
}

.cancel_button {
	cursor: pointer;
	padding-right: 80px;
	float: right;
	text-align: center;
}

.change_password_link {
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}

/*-------------Mediacl Record Tab----------------------*/
.tab {
	width: 850px;
	padding-left: 60px;
	padding-top: 50px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	/*border-left: 1px solid #999;*/
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	/*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #999;
    border-left: none;*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: url(/static-resources/patientportal/images/normal_plain.png)
		;
	width: 146px;
	text-align: center;
	text-decoration: none;
	/*background: #e0e0e0;*/
}

ul.tabs li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
}

ul.tabs li a:hover {
	color: #000000;
}

ul.tabs li.active {
	background: url(/static-resources/patientportal/images/active_plain.png)
		;
	color: #0B5D95;
	text-decoration: none;
}

html ul.tabs li.active,html ul.tabs li.active a {
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: url(/static-resources/patientportal/images/active.jpg)
		/*background: #3B5998;*/  
      border-bottom :     1px solid #fff;
	/*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}

.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

/* scroll div*/
DIV.scrollingdatagrid {
       overflow-x:auto;
       overflow-y:auto;
       position: relative;
       padding:0px;
}
DIV.scrollingdatagrid TABLE {
       width : 98.7%; /* Make room for scroll bar! */
       margin:0px;
       border:0px;
       border-collapse:separate;
}

#message_label {
	background-color: #FFF1A8;
	color: black;
	font-size: 9pt;
	font-weight: bold;
	width: 980px;
	text-align: center;
}
/* popup top space div design */
.popUpTopSpace {
	height:20px;
}
/* popUpTable table design */
	/* popUpTable Header table design */
.popUpTableHeader {
	background:#FFFFFF;
	border-style: solid; 
	border-color: #7B7B7B; 
	border-width: 1px; 
	border-collapse: collapse;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.popUpTableHeader tr td {
	background:#8A8A8A;
	text-align: center;
	height:25px;
	color:#000000;
}
	/* popUpTable data table design */
.popUpDataTable {
	background:#FFFFFF;
	border-style: solid; 
	border-color: #7B7B7B; 
	border-width: 1px; 
	border-collapse: collapse;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
	/* addService popUp dynamic table design */
.popUpDyTable {
	background:#FFFFFF;
	border-style: solid; 
	border-color: #7B7B7B; 
	border-width: 1px; 
	border-collapse: collapse;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.popUpDyTable tr th {
	background:#8A8A8A;
	height:0px;
	border-collapse: collapse;
	border-color: #8A8A8A;
}
.popUpDyTable tr td {
	height:20px;
}
	/* old addService popUp table design */
.popUpTable {
	background:#FFFFFF;
	border-style: solid; 
	border-color: #7B7B7B; 
	border-width: 1px; 
	border-collapse: collapse;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
/* popUpTable table Header row design */
.popUpTable tr th {
	background:#8A8A8A;
	text-align: center;
	height:25px;
}
.popUpTable tr td {
	height:20px;
}
/* popUpTable td data alignment */
.popUpTableAmountData {
	padding-right:5px;
	text-align: right;
}
.popUpTableData {
	text-align: center;
}
.popUpTableOtherData {
	padding-left:5px;
	text-align: left;
}